doctype html
html(lang="zh-Hans")
  head
    meta(charset="UTF-8")
    meta(name="viewport", content="width=device-width, initial-scale=1.0")
    meta(http-equiv="X-UA-Compatible", content="ie=edge")
    title Document
  body
    include ../../components/header.pug
    .yb-banner
      canvans#canvans
      .banner-swiper
        .swiper-container
          .swiper-wrapper
            .swiper-slide
              h1 云百新会员见面礼
              h3 新会员充值即送代金券，建站8折优惠
              p
                a.button.button-lg(href="http://www.yunfv.cn/promotion/newCustomer/", target="_blank") 更多惊喜
            .swiper-slide
              h1 云百网站建设解决方案
              h3 域名，主机，网站，推广，运营一条龙服务
              p
                a.button.button-lg(href="", target="_blank") 了解详情
            .swiper-slide
              h1 国际知名域名注册服务商
              h3 解析稳定，功能强大，域名丰富
              p
                a.button.button-lg(href="", target="_blank") 购买域名
            .swiper-slide
              h1 快速、安全、可靠百万主机用户的支持与信赖
              h3 全面、种类丰富，满足您多样化需求
              p
                a.button.button-lg(href="", target="_blank") 选购主机
        .pagination
    .yb-featurette
      .featurette-section
        h1.featurette-section-title 云百互联为您引航互联网
        p.lead 域名，网站建设，主机，企业邮箱，增值服务，云百互联助您飞跃发展
        .product-catalog
          .product-catalog-nav
            .container
              ul.tab-nav
                li.active
                  a(href="#domain-panel", data-plugin="tab")
                    i.fa.fa-window-restore.fa-2x
                    p 域名注册
                li
                  a(href="#website-panel", data-plugin="tab")
                    i.fa.fa-window-maximize.fa-2x
                    p 网站建设
                li
                  a(href="#host-panel", data-plugin="tab")
                    i.fa.fa-cloud.fa-2x
                    p 服务器
                li
                  a(href="#mail-panel", data-plugin="tab")
                    i.fa.fa-envelope.fa-2x
                    p 企业邮箱
                li
                  a(href="#service-panel", data-plugin="tab")
                    i.fa.fa-handshake-o.fa-2x
                    p 增值服务
          .product-catalog-content
            .tab-content
              .tabpanel.active#domain-panel
                .container
                  .catalog-domain
                    form#domain-query-form(action="/services/domain/newWhois.asp?str=2", method="post")
                      .domain-inquire
                        .input-group
                          input#js-domain-input(type="text", name="searchedDomainName", placeholder="勾选域名后缀，输入域名，如yunfv")
                          .input-group-append
                            button.button#js-domain-search(type="button") 查域名
                        
                      // hidden input
                      input(type="hidden", name="du", value="")
                      input(type="hidden", name="module", value="domainsearch")
                      input(type="hidden", name="searchType", value="IntDomain")
                      input(type="hidden", name="action", value="check")
                      input(type="hidden", name="zxwpds", value="one")
                      input(type="hidden", name="str", value="2")
                      input(type="hidden", name="suffix", value=".com,.net,.cn")

                    .domain-catalog#domain-list
                      label.checkbox(for="domain-1")
                        input#domain-1(type="checkbox", name="domain", value=".com", data-type="usual" checked)
                        | .com <i class="fa fa-fire"></i>
                      label.checkbox(for="domain-2")
                        input#domain-2(type="checkbox", name="domain", value=".net", data-type="usual" checked)
                        | .net <i class="fa fa-fire"></i>
                      label.checkbox(for="domain-3")
                        input#domain-3(type="checkbox", name="domain", value=".cn", data-type="usual" checked)
                        | .cn <i class="fa fa-fire"></i>
                      label.checkbox(for="domain-4")
                        input#domain-4(type="checkbox", name="domain", value=".top")
                        | .top
                      label.checkbox(for="domain-5")
                        input#domain-5(type="checkbox", name="domain", value=".club")
                        | .club
                      label.checkbox(for="domain-6")
                        input#domain-6(type="checkbox", name="domain", value=".wang")
                        | .wang
                      label.checkbox(for="domain-7")
                        input#domain-7(type="checkbox", name="domain", value=".red")
                        | .red
                      label.checkbox(for="domain-8")
                        input#domain-8(type="checkbox", name="domain", value=".site")
                        | .site
                      label.checkbox(for="domain-9")
                        input#domain-9(type="checkbox", name="domain", value=".mobi")
                        | .mobi
                      label.checkbox(for="domain-10")
                        input#domain-10(type="checkbox", name="domain", value=".com.cn")
                        | .com.cn
                      label.checkbox(for="domain-11")
                        input#domain-11(type="checkbox", name="domain", value=".cn")
                        | .cn
                      label.checkbox(for="domain-12")
                        input#domain-12(type="checkbox", name="domain", value=".info")
                        | .info
                      label.checkbox(for="domain-13")
                        input#domain-13(type="checkbox", name="domain", value=".biz")
                        | .biz
                      label.checkbox(for="domain-14")
                        input#domain-14(type="checkbox", name="domain", value=".pro")
                        | .pro
                      label.checkbox(for="domain-15")
                        input#domain-15(type="checkbox", name="domain", value=".vip")
                        | .vip
                      label.checkbox(for="domain-16")
                        input#domain-16(type="checkbox", name="domain", value=".ren")
                        | .ren
                      label.checkbox(for="domain-17")
                        input#domain-17(type="checkbox", name="domain", value=".cc")
                        | .cc
                      label.checkbox(for="domain-18")
                        input#domain-18(type="checkbox", name="domain", value=".org")
                        | .org
                      label.checkbox(for="domain-19")
                        input#domain-19(type="checkbox", name="domain", value=".tv")
                        | .tv
                    .domain-catalog-toolbar
                      label.radio(for="domain-all")
                        input#domain-all(type="radio", name="domain-type", value="all")
                        | 全选
                      label.radio(for="domain-none")
                        input#domain-none(type="radio", name="domain-type", value="none")
                        | 全不选
                      label.radio(for="domain-usual")
                        input#domain-usual(type="radio", name="domain-type", value="usual", checked)
                        | 常用
                      a.button.button-xs(href="mutiDomain.html") 批量查询 <i class="fa fa-angle-double-right"></i>
              .tabpanel#website-panel
                .container
                  ul.catalog-website
                    li
                      a(href="javascript://")
                        h4 模版建站 <i class="fa fa-fire"></i>
                        p 精美模版任君挑选
                    li
                      a(href="javascript://")
                        h4 企业官网 <i class="fa fa-fire"></i>
                        p 让世界通过互联网了解你
                    li
                      a(href="javascript://")
                        h4 微信营销
                        p 指尖上的营销新时代
                    li
                      a(href="javascript://")
                        h4 行业网站
                        p 所见即所得，包罗万象
                    li
                      a(href="javascript://")
                        h4 网店商城
                        p 超强电商管理
              .tabpanel#host-panel
                .container
                  ul.catalog-host
                    li
                      h4 虚拟主机
                      p
                        a(href="#", target="_blank") 经济型 <i class="fa fa-angle-double-right"></i>
                      p
                        a(href="#", target="_blank") 功能型 <i class="fa fa-angle-double-right"></i>
                      p
                        a(href="#", target="_blank") 全能型 <i class="fa fa-angle-double-right"></i>
                      p
                        a(href="#", target="_blank") 免备案型 <i class="fa fa-angle-double-right"></i>
                    li
                      h4 VPS主机
                      a(href="#", target="_blank") VPS主机购买 <i class="fa fa-angle-double-right"></i>
                    li
                      h4 云主机
                      p
                        a(href="#", target="_blank") 套餐云主机 <i class="fa fa-angle-double-right"></i>
                      p
                        a(href="#", target="_blank") 弹性云主机 <i class="fa fa-angle-double-right"></i>
                    li
                      h4 服务器租托
                      p
                        a(href="#", target="_blank") 租用服务 <i class="fa fa-angle-double-right"></i>
                      p
                        a(href="#", target="_blank") 主机服务 <i class="fa fa-angle-double-right"></i>
              .tabpanel#mail-panel
                .container
                  ul.catalog-mail
                    li
                      h4 传输全球畅通
                      p 我司企业邮局拥有国际、国内多个专业的数据中心
                    li
                      h4 技术领先一步
                      p 基于云计算平台搭建，稳定安全，免费提供海外中继传输服务
                    li
                      h4 独有特色功能
                      p 国内数百个、海外数十个中继节点双向转发保障邮件收发畅通无阻
                    li
                      a(href="#", target="_blank")
                        <i class="fa fa-shopping-cart"></i> 套餐选购
                  ul.catalog-mail
                    li
                      h4 安全无处不在
                      p 专业邮件杀毒引擎：ClamAV，实时杀毒，自动更新病毒库
                    li
                      h4 专业成就未来
                      p 15年品质服务，超50万用户的选择，7X24小时不间断技术支持
                    li
                      h4 使用、管理更便捷
                      p 提供邮件发送日志，邮件监控；支持手机收发邮件等功能
                    li
                      a(href="#", target="_blank")
                        <i class="fa fa-shopping-cart"></i> 自由选购
              .tabpanel#service-panel
                .container
                  ul.catalog-service
                    li
                      h4 设计类服务
                      p logo，商品图修图，宣传画册，海报，名片设计 
                    li
                      h4 建站相关服务
                      p 网站美化，备案服务
                    li
                      h4 运营服务
                      p 网站运营，公众号运营 
                    li
                      h4 推广服务
                      p 百度推广，360推广 
                    li
                      h4 视频服务
                      p 视频制作，添加字幕等
      .featurette-section
        h1.featurette-section-title 为您推荐
        p.lead 15年行业经验，云百互联始终坚持以用户需求为导向，提供安全、稳定、快速的产品和服务！
        .recommend-host
          .container
            ul.tab-nav
              li.active
                a(href="#hotHost-1", data-plugin="tab")
                  h3 国内虚拟主机
                    small WEB HOST
                  .desc
                    p 领先的云服务器服务商，基于集群和分布式存储，弹性扩展、安全稳定、简单易用，提供电商云、企业云、网站云等多种云服务器产品。
              li
                a(href="#hotHost-2", data-plugin="tab")
                  h3 免备案主机
                    small WEB HOST
                  .desc
                    p 外贸企业建站服务虚拟主机，无须备案，方便快捷,即买即用，适合个人、电商、论坛、博客外贸企业等建站客户。
              li
                a(href="#hotHost-3", data-plugin="tab")
                  h3 云服务器
                    small CLOUD HOST
                  .desc
                    p 领先的云服务器服务商，基于集群和分布式存储，弹性扩展、安全稳定、简单易用，提供电商云、企业云、网站云等多种云服务器产品。
            .tab-content
              .tabpanel.active#hotHost-1
                ul.recommend-host-list
                  li.ui-card
                    .card-header
                      .name 体验型150M
                      .price &yen; <span class="larger-text">68</span>/年
                        span.badge.badge-dark 送域名
                    .card-content
                      ul.list-group
                        li 网页空间：150M+赠送30M
                        li 每月流量：15G
                        li 数据库：MySQL5（30M）
                        li 机房线路：国内电信机房
                        li
                          a(href="#") 查看更多型号 <i class="fa fa-angle-double-right"></i>
                    .card-footer
                      a.button.main-button(href="#") 立即购买
                      a.button(href="#") 查看详情
                  li.ui-card
                    .card-header
                      .name 云峰A 1G
                      .price &yen; <span class="larger-text">188</span>/年
                        span.badge.badge-dark 送域名
                    .card-content
                      ul.list-group
                        li 网页空间：1G+赠送200M
                        li 每月流量：25G
                        li 数据库：SQL Server 2008（50M）
                        li 机房线路：国内BGP/双线机房
                        li
                          a(href="#") 查看更多型号 <i class="fa fa-angle-double-right"></i>
                    .card-footer
                      a.button.main-button(href="#") 立即购买
                      a.button(href="#") 查看详情
                  li.ui-card
                    .card-header
                      .name 云峰B 2G
                      .price &yen; <span class="larger-text">288</span>/年
                        span.badge.badge-dark 送域名
                    .card-content
                      ul.list-group
                        li 网页空间：2G+赠送400M
                        li 每月流量：40G
                        li 数据库：SQL Server2008（100M）
                        li 机房线路：国内BGP/多线机房
                        li
                          a(href="#") 查看更多型号 <i class="fa fa-angle-double-right"></i>
                    .card-footer
                      a.button.main-button(href="#") 立即购买
                      a.button(href="#") 查看详情
              .tabpanel#hotHost-2
                ul.recommend-host-list
                  li.ui-card
                    .card-header
                      .name 香港体验型 150M
                      .price &yen; <span class="larger-text">188</span>/年
                        span.badge.badge-dark 送域名
                    .card-content
                      ul.list-group
                        li 网页空间：150M+赠送30M
                        li 每月流量：5G
                        li 数据库：MySQL5（50M）
                        li 机房线路：港台机房
                        li
                          a(href="#") 查看更多型号 <i class="fa fa-angle-double-right"></i>
                    .card-footer
                      a.button.main-button(href="#") 立即购买
                      a.button(href="#") 查看详情
                  li.ui-card
                    .card-header
                      .name 香港入门型 300M
                      .price &yen; <span class="larger-text">288</span>/年
                        span.badge.badge-dark 送域名
                    .card-content
                      ul.list-group
                        li 网页空间：300M+赠送60M
                        li 每月流量：20G
                        li 数据库：SQL Server 2008（50M）
                        li 机房线路：港台机房
                        li
                          a(href="#") 查看更多型号 <i class="fa fa-angle-double-right"></i>
                    .card-footer
                      a.button.main-button(href="#") 立即购买
                      a.button(href="#") 查看详情
                  li.ui-card
                    .card-header
                      .name 美国入门型 200M
                      .price &yen; <span class="larger-text">298</span>/年
                        span.badge.badge-dark 送域名
                    .card-content
                      ul.list-group
                        li 网页空间：200M+赠送40M
                        li 每月流量：10G
                        li 数据库：MySQL5（50M）
                        li 机房线路：美国机房
                        li
                          a(href="#") 查看更多型号 <i class="fa fa-angle-double-right"></i>
                    .card-footer
                      a.button.main-button(href="#") 立即购买
                      a.button(href="#") 查看详情
              .tabpanel#hotHost-3
                ul.recommend-host-list
                  li.ui-card
                    .card-header
                      .name 入门型云服务器
                      .price &yen; <span class="larger-text">48</span>/月
                    .card-content
                      ul.list-group
                        li cpu：	InterXeon1核
                        li 内存：	512M
                        li 硬盘：	50G(分布式集群云存储)
                        li 机房：	电信线路
                        li 带宽：	1M
                    .card-footer
                      a.button.main-button(href="#") 立即购买
                      a.button(href="#") 查看详情
                  li.ui-card
                    .card-header
                      .name 标准型云服务器
                      .price &yen; <span class="larger-text">145</span>/月
                    .card-content
                      ul.list-group
                        li cpu：	IntelXeon2核
                        li 内存：	2G
                        li 硬盘：	80G(分布式集群云存储)
                        li 机房：	智能多线
                        li 带宽：	3M
                    .card-footer
                      a.button.main-button(href="#") 立即购买
                      a.button(href="#") 查看详情
                  li.ui-card
                    .card-header
                      .name 商务型云服务器
                      .price &yen; <span class="larger-text">255</span>/月
                    .card-content
                      ul.list-group
                        li cpu：	InterXeon4核
                        li 内存：	4G
                        li 硬盘：	100G(分布式集群云存储)
                        li 机房：	智能多线
                        li 带宽：	4M
                    .card-footer
                      a.button.main-button(href="#") 立即购买
                      a.button(href="#") 查看详情
      .features-section
        ul.features-row
          li
            h3
              i.fa.fa-3x.fa-object-group
              br
              | 网站模板
            p 海量模版，任君选择。喜欢的，就是最好的
            a.button(href="#") 查看详情
          li
            h3
              i.fa.fa-3x.fa-copyright
              br
              | 企业官网
            p 建立网站，从未如此简单，各种建站方案供你选择
            a.button(href="#") 查看详情
          li
            h3
              i.fa.fa-3x.fa-shopping-bag
              br
              | 电子商务
            p 满足不同发展阶段客户要求，护航电商客户快速发展
            a.button(href="#") 查看详情
          li
            h3
              i.fa.fa-3x.fa-paint-brush
              br
              | 定制化服务
            p 高端定制您专属的网站，让客户过目不忘
            a.button(href="#") 查看详情
          li
            h3
              i.fa.fa-3x.fa-money
              br
              | 推广运营
            p 通过推广，让大众知道你，通过运营，让大众记住你
            a.button(href="#") 查看详情
          li
            h3
              i.fa.fa-3x.fa-mobile-phone
              br
              | 手机网站
            p 你知道吗，人一天的时间有22%的花在看手机上
            a.button(href="#") 查看详情
      .featurette-section
        h1.featurette-section-title 云百动态
        .container
          .forum-list
            .forum-list-item
              .forum-item-head 公告与消息 <small>notice and news</small>
              .forum-item-body
                ul
                  li
                    a(href="#", target="_blank")
                      span.title 新会员见面礼活动
                      span.time 2018/05/03
                  li
                    a(href="#", target="_blank")
                      span.title 云百运营服务已上线
                      span.time 2018/05/03
                  li
                    a(href="#", target="_blank")
                      span.title 云百互联春节放假通知
                      span.time 2018/05/03
            .forum-list-item
              .forum-item-head 技术实践 <small>technical practice</small>
              .forum-item-body
                ul
                  li
                    a(href="#", target="_blank")
                      span.title 微信公众号最精准的推广方法
                      span.time 2018/05/03
                  li
                    a(href="#", target="_blank")
                      span.title 内页优化方案
                      span.time 2018/05/03
                  li
                    a(href="#", target="_blank")
                      span.title 场景合成，合成走在阴冷雨夜小巷街头效果
                      span.time 2018/05/03
            .forum-list-item
              .forum-item-head 常见问题 <small>common question</small>
              .forum-item-body
                ul
                  li
                    a(href="#", target="_blank")
                      span.title 查询域名的技巧，如何批量查询
                      span.time 2018/05/03
                  li
                    a(href="#", target="_blank")
                      span.title 买域名必需实名认证吗
                      span.time 2018/05/03
                  li
                    a(href="#", target="_blank")
                      span.title 域名注册流程
                      span.time 2018/05/03
    include ../../components/footer.pug
    include ../../components/customerService.pug